<template>
  <div class="main">
    <div>
      <div class="header" v-if="!$route.meta.noHeader">
        <TabCom :tab="tab"></TabCom>
      </div>
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import TabCom from "@/components/TabCom.vue";
export default {
  components:{
    TabCom
  },
  data() {
    return {
      activeName: "/grzx/grzx/usermsg",
      tab:[
        {
          name:"我的资料",
          path:"/grzx/grzx/idmanage"
        },
        {
          name:"子账号管理",
          path:"/grzx/grzx/usermsg"
        },
        {
          name:"我的订单",
          path:"/grzx/grzx/myorder"
        },
        {
          name:"发票管理",
          path:"/grzx/grzx/invocemanage"
        },
      ]
    };
  },
  methods: {

  },
};
</script>

<style scoped>
.main {
  box-sizing: border-box;
  padding: 20px;
  min-height: 100%;
  width: 100%;
  background-color: #e5e5e5;
}
.main > div {
  background-color: #fff;
}
.content{
  padding: 10px 20px;
}
</style>